<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>作业上传</title>
    <style>
        form>div{
            text-align: center;
            padding: 30px 0;
        }
    </style>
</head>
<body>
<form action="home.php" method="post" enctype="multipart/form-data" onsubmit="return formCheck()">
    <div>
        组别：
        <select name="group">
            <option value="第一组">第一组</option>
            <option value="第二组">第二组</option>
            <option value="第三组">第三组</option>
            <option value="第四组" selected>第四组</option>
            <option value="第五组">第五组</option>
        </select>
    </div>
    <div>
        作业类型：
        <select name="type">
            <option value="代码">代码-code</option>
            <option value="总结">总结-xmind</option>
            <option value="作业">作业-code</option>
            <option value="完成情况">该组完成情况</option>
        </select>
    </div>
    <div>
        <span style="color: red;line-height: 1em;">*</span>　选择文件(可多选)：<input id="file" type="file" name="file[]" multiple="multiple"/>
    </div>
    <div>
        <span style="color: red;line-height: 1em;">*</span>　姓名：<input id="name" type="text" name="name"/>
    </div>
    <div>
        <input type="submit" value="提交"/>
    </div>
</form>
<script>
    function formCheck(){
        var name = document.getElementById("name");
        var file = document.getElementById("file");
        if(file.value == ''){
            alert('请选择作业文件！');
            return false;
        }
        if(name.value == ''){
            alert('请填写姓名！');
            return false;
        }
        return true;
    }
</script>
</body>
</html>